<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    
    <!-- <script type="text/javascript" src="./js/ajax.js"></script> -->
    <script type="text/javascript" src="./js/axios.min.js"></script>
    <script type="text/javascript">
      // // ajax 回调地狱
      // const options = {
      //   method:"get",
      //   url:"./datas/test.json",
      //   isAsync:true,
      //   success:function(res){
      //     console.log(res);
      //   }
      // };
      // ajax2(options);
      
      // // ajax 回调地狱（地狱式回调）
      // ajax2({
      //   method:"get",
      //   url:"./datas/typeList.json",
      //   isAsync:true,
      //   success:function(res){
      //     var typeList = res;
      //     console.log(res);
      //     ajax2({
      //       method:"get",
      //       url:"./datas/phoneList.json",
      //       isAsync:true,
      //       data:{
      //         typeId:typeList[0].typeId
      //       },
      //       success:function(res){
      //         console.log(res);
              
      //       }
      //     });
      //   }
      // });
      
      // // Promise resolve/reject
      // new Promise((resolve,reject)=>{
      //   ajax2({
      //     method:"get",
      //     url:"./datas/typeList.json",
      //     isAsync:true,
      //     success:function(res){
      //       resolve(res);
      //     },
      //     fail:function(err){
      //       reject(err);
      //     }
      //   });
      // })
      // .then(res=>{
      //   return new Promise((resolve,reject)=>{
      //     var typeList = res;
      //     console.log(res);
      //     ajax2({
      //       method:"get",
      //       url:"./datas/phoneList.json",
      //       isAsync:true,
      //       data:{
      //         typeId:typeList[0].typeId
      //       },
      //       success:function(res){
      //         resolve(res);
      //       }
      //     });
      //   })
      // },err=>{
      //   console.log(err);
      // })
      // .then(phoneList=>{
      //   console.log(phoneList);
      // })
      
      // function createPromise(options){
      //   return new Promise((resolve,reject)=>{
      //     ajax2(options)
      //   });
      // }
      // createPromise({
      //     method:"get",
      //     url:"./datas/typeList.json",
      //     isAsync:true,
      //     success:function(res){
      //       resolve(res);
      //     },
      //     fail:function(err){
      //       reject(err);
      //     }
      //   })
      //   .then(res=>{
      //     createPromise({
      //       method:"get",
      //       url:"./datas/phoneList.json",
      //       isAsync:true,
      //       data:{
      //         typeId:typeList[0].typeId
      //       },
      //       success:function(res){
      //         resolve(res);
      //       }
      //     })
      //   })
      //   .then(phoneList=>{
      //   console.log(phoneList);
      // })
      
      // async await axios
      
    
      async function getData(){
        const res = await axios({
          method:"get",
          url:"./datas/test.json"});
        console.log(res.data);
      }
      
      getData();
      
    </script>
  </body>
</html>
